<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>HTML to PDF</title>
    <style>
        body { font-family: Meiryo; text-align: center; }
        h1 { color: #007bff; }
        table { width: 100%; border-collapse: collapse; margin-top: 20px; }
        th, td { border: 1px solid #000; padding: 10px; text-align: left; }
        th { background-color: #f2f2f2; }
    </style>
</head>
<body>
<h1>Order Detail</h1>
<table>
    <tr>
        <th>ITEM NAME</th>
        <th>NUM</th>
        <th>AMOUNT</th>
        <th>REMARK</th>
    </tr>
    <tr>
        <td>コンピュータ</td>
        <td>1</td>
        <td>¥5999</td>
        <td>${text}</td>
    </tr>
    <tr>
        <td>ワイヤレスマウス</td>
        <td>${num}</td>
        <td>¥0</td>
        <td>ギフト</td>
    </tr>
    <tr>
        <td colspan="2"><img src="${qrcode_pn}"  alt="qr code"/></td>
        <td>総額</td>
        <td>¥5999</td>
    </tr>
</table>
</body>
</html>
